<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>表单项标签type属性演示</title>
</head>
<body>
    <form action="#" method="get" autocomplete="off">
        <label for="username">用户名:</label>
        <input type="text" id="username" name="username"/><br/>

        <label for="password">密码</label>
        <input type="password" id="password" name="password"/><br/>

        <label for="email">邮箱:</label>
        <input type="email" id="email" name="email"/><br/>

        性别:
        <input type="radio" name="gender" value="men" checked/>男
        <input type="radio" name="gender" value="women" />女
        <input type="radio" name="gender" value="other" />其他<br/>

        爱好:
        <input type="checkbox" name="hobby" value="music" checked/>音乐
        <input type="checkbox" name="hobby" value="game" />游戏<br/>

        <label for="birthday">生日:</label>
        <input type="date" id="birthday" name="birthday"/><br/>

        <label for="time">时间:</label>
        <input type="time" id="time" name="time"/><br/>

        <label for="currenttime">当前时间:</label>
        <input type="datetime-local" id="currenttime" name="currenttime"/><br/>

        <label for="file">文件上传:</label>
        <input type="file" id="file" name="file"/><br/>

        <label for="hidden">隐藏域:</label>
        <input type="hidden" id="hidden" name="hidden" value="阿拉松"/><br/>

        <button type="submit">提交</button>
        <button type="reset">重置</button>
    </form>
</body>
</html>